<template>
	<view>
		<view class="search-view">
			<view class="search-men"><image src="/static/search/logo.png" mode="widthFix"></image></view>
			<view class="search-ing" @click="search()">
				<image src="/static/search/sousuo.png" mode="widthFix"></image>
				<input type="text" placeholder="搜索商品" />
			</view>
			<view class="search-men"><image src="/static/search/saoma.png"></image></view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		search() {
			uni.navigateTo({
				url: '../commentens/indexList/SearchTheJump/SearchTheJump'
			});
		}
	}
};
</script>

<style scoped>
.search-view {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100upx;

	padding: 30upx 0;
	background: #fe001d;
}
.search-view image {
	width: 50upx;
	height: 50upx;
	/* display: block; */
}
.search-ing {
	display: flex;
	flex-direction: row;
	flex: 1;
	position: relative;
	height: 50upx;
	border-radius: 50upx;
	background: #ffffff;
}
.search-ing input {
	width: 100%;
	height: 50upx;
	line-height: 50upx;
	font-size: 30upx;
	color: #b2b2b2;
	padding-left: 90upx;
}
.search-ing image {
	position: absolute;
	left: 30upx;
	align-self: center;
	width: 35upx;
	height: 35upx;
}
.search-men {
	width: 50upx;
	height: 50upx;
	padding: 0 20upx;
}
</style>
